<template>
  <div class="app-container">
<!--    表单搜索部分-->
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="审核结果" prop="result">
        <el-input
          v-model="queryParams.result"
          placeholder="请输入审核结果"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="审核标题" prop="title">
        <el-input
          v-model="queryParams.title"
          placeholder="请输入审核标题"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="审核状态" prop="status">
        <el-select
          v-model="queryParams.status"
          placeholder="请选择"
          clearable
          @keyup.enter.native="handleQuery"
        >
          <el-option label="审核中" :value="1" />
          <el-option label="成功" :value="2" />
          <el-option label="拒绝" :value="3" />

          <!-- <el-option
            v-for="dict in dict.type.sys_normal_disable"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          /> -->
        </el-select>
      </el-form-item>
      <el-form-item label="审核类型" prop="type">
        <el-select
          v-model="queryParams.type"
          placeholder="请选择"
          clearable
          @keyup.enter.native="handleQuery"
        >
          <el-option label="数据通道基本信息" :value="0" />
          <el-option label="数据产品" :value="1" />
          <el-option label="试用审核" :value="2" />
          <el-option label="订单审核" :value="3" />
          <el-option label="发布定制审核" :value="4" />
          <el-option label="承接定制审核" :value="5" />
          <el-option label="应用信息" :value="6" />
          <el-option label="服务产品" :value="7" />
          <el-option label="治理后数据资源" :value="8" />

        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"

        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="logList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="序号" align="center" type="index" width="50"/>
      <el-table-column label="标题" align="center" prop="title" width="200"/>
      <el-table-column label="审核类型" align="center" prop="type">
        <template slot-scope="scope">
          <span  v-if="scope.row.type === 0">数据通道基本信息</span>
          <span  v-else-if="scope.row.type === 1">数据产品</span>
          <span  v-else-if="scope.row.type === 2">试用审核</span>
          <span  v-else-if="scope.row.type === 3">订单审核</span>
          <span  v-else-if="scope.row.type === 4">发布定制审核</span>
          <span  v-else-if="scope.row.type === 5">承接定制审核</span>
          <span  v-else-if="scope.row.type === 6">应用信息</span>
          <span  v-else-if="scope.row.type === 7">服务产品</span>
          <span  v-else-if="scope.row.type === 8">数据资源</span>
          <span v-else>未知类型</span>
        </template>
      </el-table-column>
      <el-table-column label="状态" align="center" prop="status" >
        <template slot-scope="scope">
          <span style="color:#ffba00" v-if="scope.row. status == 0">待提交</span>
          <span style="color:#1890ff" v-else-if="scope.row. status == 1">审核中</span>
          <span style="color:rgb(26, 179, 148)" v-else-if="scope.row. status == 2">成功</span>
          <span style="color:red" v-else-if="scope.row. status == 3">失败</span>
          <span v-else>其他</span>
        </template>
      </el-table-column>
      <el-table-column label="发起用户" align="center" prop="createBy" />
      <el-table-column label="审核人" align="center" prop="auditUserName" />
      <el-table-column label="发起时间" align="center" prop="createTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>

      <el-table-column label="审核时间" align="center" prop="auditTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.auditTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="审核结果" align="center" prop="result" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
        <template slot-scope="scope">
          <el-button v-if="scope.row.status == 1 || scope.row.status == 0 "
            size="mini" type="text" icon="el-icon-edit" @click="toAudit(scope.row)">审核</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!-- 操作审核结果 -->
    <el-dialog title="认证审核" :visible.sync="auditFormOpen" width="1200px" append-to-body>
      <el-form :model="auditForm" label-width="120px" :rules="rules" ref="auditForm" >
<!--        数据通道审核-->
        <div v-if="auditType === 0">
          <ResourceInfo :formData="auditDataInfo"></ResourceInfo>
        </div>
<!--        数据产品审核和服务产品审核-->
        <div v-else-if="auditType === 1||auditType===7">
          <ProductInfo :formData="auditDataInfo"></ProductInfo>
        </div>
<!--        试用审核-->
        <div v-else-if="auditType === 2">
          <TryInfo :formData="auditDataInfo"></TryInfo>
        </div>
        <!--      订单审核-->
        <div v-else-if="auditType === 3">
          <el-form :model="orderForm" label-width="120px" ref="orderForm">
            <el-row>
              <el-form-item label="产品名称" prop="productName" >
                <el-input placeholder="产品名称" v-model="orderForm.productName"></el-input>
              </el-form-item>

            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="申请人" prop="createBy" >
                  <el-input placeholder="申请人" v-model="orderForm.createBy" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系电话" prop="telPhone" >
                  <el-input placeholder="产品名称" v-model="orderForm.telPhone||'暂无'" disabled></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col  :span="12">
                <el-form-item label="访问信息" prop="buyNum" >
                  <el-input placeholder="数量" v-model="buyNum" type="number"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-select v-model="orderForm.customerBillingType" class="m-2" placeholder="购买方式" size="large">
                  <el-option
                    v-for="item in buyOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="使用信息" prop="useNum" >
                  <el-input placeholder="数量" v-model="useNum" type="number" ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-select v-model="orderForm.customerBillingTypeLocal" class="m-2" placeholder="使用方式" size="large">
                  <el-option
                    v-for="item in useOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="数据访问:" prop="sharedType" >
                  <el-select v-model="orderForm.sharedType" class="m-2" placeholder="数据访问" size="large">
                    <el-option
                      v-for="item in sharedTypeOptions"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="数据自由共享" prop="dataFreedomType" >
                  <el-radio v-model="orderForm.dataFreedomType"  :label=1>允许</el-radio>
                  <el-radio v-model="orderForm.dataFreedomType"  :label=0>不允许</el-radio>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-form-item label="订单总价" prop="customerProductPrice" >
                <el-input placeholder="订单总价" v-model="orderForm.customerProductPrice" type="number"></el-input>
              </el-form-item>
            </el-row>
            <!--      <el-row>-->
            <!--        <el-form-item label="审核意见" prop="tableNickName" >-->
            <!--          <el-input placeholder="审核意见" v-model="formData.tableNickName"></el-input>-->
            <!--        </el-form-item>-->
            <!--      </el-row>-->
          </el-form>
<!--          <OrderInfo :formData="auditDataInfo"  ref="auditDataInfo"></OrderInfo>-->
        </div>
<!--        申请定制，承接定制审核-->
        <div  v-else-if="auditType === 4||auditType===5" >
          <el-form :model="customForm" label-width="120px" ref="customForm">
            <el-row>
              <el-form-item label="定制名称" prop="name">{{customForm.name}}</el-form-item>
            </el-row>
            <el-row>
                <el-form-item label="需求描述" prop="productDetail">{{customForm.productDetail}}</el-form-item>
            </el-row>
            <el-row>
              <el-col :span="8">
                <el-form-item label="联系人" prop="contact">{{customForm.contact}}</el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="联系电话" prop="phone">{{customForm.phone}}</el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="预期价格" prop="price">{{customForm.price}}</el-form-item>
              </el-col>
            </el-row>

          </el-form>
        </div>
<!--        数据资源审核-->
        <div v-else-if="auditType===8">
          <el-form  label-width="100px"  v-model="resourceDetail">
            <el-row>
              <el-col :span="12">
                <el-form-item label="数据通道名称" prop="radio">
                  <el-input v-model="resourceDetail.sourceName" disabled="disabled"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="数据资源名称">
                  <el-input v-model="resourceDetail.contentName" disabled="disabled"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <FieldAndKeyword
              :form-object="resourceDetail"
            />
          <el-row>
            <el-col :span="12">
              <el-form-item label="例子">
                <el-input v-model="resourceDetail.example" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="详细说明">
                <el-input v-model="resourceDetail.detail" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
            <el-col :span="12">
              <el-form-item label="所属大类" prop="iconUrl">
                <el-input v-model="resourceDetail.firstType" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="二级大类" prop="iconUrl">
                <el-input v-model="resourceDetail.secondType" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
            <el-form-item label="具体内容"  disabled="disabled">
              <el-input v-model="resourceDetail.contentDetail" placeholder="请输入数据资源具体内容" type="textarea" maxlength="1000" show-word-limit  disabled="disabled"/>
            </el-form-item>
            <el-form-item label="展示图片" prop="iconUrl">
              <img :src="resourceDetail.iconUrl" alt="无" width="50px" height="50px">
            </el-form-item>
            <el-col :span="12">
              <!--              <el-form-item label="可见规则：">{{ // formData.controlRuleName? formData.controlRuleName+'规则':'无规则，任何人可见' }}</el-form-item>-->
              <el-form-item label="可见规则：">{{ resourceDetail.controlRuleName? resourceDetail.controlRuleName+'规则':'无规则，任何人可见' }}</el-form-item>
            </el-col>

            <!--              <el-form-item label="可见规则集">-->
            <!--                <el-input v-model="resourceDetail.controlRuleName" disabled="disabled"></el-input>-->
            <!--                <el-table>-->
            <!--                  <el-table-column label="序号" align="center" prop="company" type="index"></el-table-column>-->
            <!--                  <el-table-column label="规则名称" align="center" prop="company"></el-table-column>-->
            <!--                  <el-table-column label="用户级别" align="center" prop="company" ></el-table-column>-->
            <!--                  <el-table-column label="用户类型" align="center" prop="company" ></el-table-column>-->
            <!--                  <el-table-column label="指定用户" align="center" prop="company" ></el-table-column>-->
            <!--                  <el-table-column label="可见性" align="center" prop="company" ></el-table-column>-->
            <!--                </el-table>-->
            <!--              </el-form-item>-->
          </el-form>
        </div>
        <el-row>
          <el-col :span="24">
<!--            <el-form ref="auditForm" :model="auditForm" label-width="120px" :rules="rules">-->
              <el-form-item label="审核结果：" prop="status">
                <el-radio v-model="auditForm.status" :label="2">通过</el-radio>
                <el-radio v-model="auditForm.status" :label="3">驳回</el-radio>
              </el-form-item>
              <el-form-item label="驳回理由：" prop="auditResult" v-if="auditForm.status === 3">
                <el-input v-model="auditForm.auditResult" type="textarea" :rows="3" placeholder="请输入驳回理由" />
              </el-form-item>
<!--            </el-form>-->
          </el-col>
        </el-row>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitAuditForm">确 定</el-button>
        <el-button @click="cancelAudit">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  listLog,
  getLog,
  delLog,
  addLog,
  updateLog,
  operateLog,
  dataSourceEditMenu,
  customDetailById
} from '@/api/qysj/audit/api.js'
import { DatasourceInfoById, getDatasourceBase, getKeyword } from '@/api/qysj/app/DatasourceBase.js'
import {getDataProduct} from "@/api/qysj/app/DataProduct.js";
import {getTryInfo} from "@/api/qysj/app/TryInfo.js";
import ResourceInfo from "./resourceInfo.vue";
import ProductInfo from "./productInfo.vue";
import TryInfo from "./TryInfo.vue";
import OrderInfo from '@/views/qysj/audit/orderInfo.vue'
import { orderProductDetail } from '@/api/qysj/audit/orderProduct'
import FieldAndKeyword from '@/views/qysj/data/components/FieldAndKeyword.vue'
export default {
  name: "Log",
  components: { FieldAndKeyword, OrderInfo, ResourceInfo,ProductInfo,TryInfo},
  data() {
    return {
      // 分类列表
      catalogList:[],
      //关键词列表
      keyOptions:[],
      // 加载关键词
      keyLoading:false,
      loading: true,// 遮罩层
      ids: [],// 选中数组
      single: true,// 非单个禁用
      multiple: true,// 非多个禁用
      showSearch: true,// 显示搜索条件
      total: 0,// 总条数
      logList: [],// 审核记录表格数据
      title: "",// 弹出层标题
      open: false,// 是否显示弹出层
      queryParams: {// 查询参数
        pageNum: 1,
        pageSize: 10,
        auditUserId: null,
        associateId: null,
        type: null,
        result: null,
        status: null
      },
      resourceDetail:{},
      form: {},// 表单参数
      rules: {// 表单校验
       status: [
          { required: true, message: "请选择", trigger: "charge" }
        ],
        auditResult: [
          { required: true, message: "驳回审核申请时，请输入理由", trigger: "blur" }
        ],
      },
      auditForm: {},
      auditFormOpen: false,
      //审核类型
      // 类别:0数据通道基本信息，1数据产品、7服务产品、2 试用审核，3 订单审核 4 发布定制审核 5、承接定制审核 6、应用信息
      auditType:0,
      auditDataInfo:{},
      useOptions: [
        {
          value:0,
          label:'次数'
        },
        {
          value:4,
          label:'天'
        }
      ],
      buyOptions: [
        {
          value:0,
          label:'次数'
        },
        {
          value:2,
          label:'记录数'
        },
        {
          value:4,
          label:'天'
        }
      ],
      sharedTypeOptions:[
        {
          value:0,
          label:'自由共享'
        },
        {
          value:1,
          label:'授权'
        },
        {
          value:2,
          label:'确权'
        },
        {
          value:3,
          label:'确权授权'
        },
      ],
      buyNum: 1,
      useNum:1,
      // 订单审核表单对象
      orderForm:{},
      // 定制审核表单对象
      customForm:{}
    };
  },

  created() {
    this.getList();
  },
  methods: {
    /** 查询审核记录列表 */
    getList() {
      this.loading = true;
      listLog(this.queryParams).then(response => {
        this.logList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        auditUserId: null,
        associateId: null,
        type: null,
        result: null,
        remark: null,
        status: "0",
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加审核记录";
    },
    // 表格操作审核按钮
    toAudit(row) {
      this.auditForm = row;
      this.auditFormOpen = true;
      this.auditType = row.type;
      // console.log(`this.auditType ${this.auditType}`)
      this.getAuditDataInfo(row.type,row.associateId);
    },
     /** 提交审核按钮 */
    submitAuditForm() {
       this.$refs["auditForm"].validate(valid => {
         if (valid) {
           // 订单审核
           if (this.auditType===3){
             console.log('this.orderData()', this.orderData())
             operateLog(JSON.stringify(this.orderData())).then(res=>{
              if (res.code===200){
                this.$modal.msgSuccess("审核完成");
                this.auditFormOpen = false;
                this.getList();
              }
             })
           }else if (this.auditType===8){
             console.log('this.resourceDetail', this.resourceDetail)
             delete this.resourceDetail.createBy
             delete this.resourceDetail.systemFieldList
             delete this.resourceDetail.remark
             delete this.resourceDetail.indicator
             console.log('this.resourceDetail.typeIdList', this.resourceDetail.typeIdList)
             // this.resourceDetail.typeIdList=[]
             dataSourceEditMenu(JSON.stringify(this.resourceDetail)).then(res=>{
               if (res.code===200) {
                 operateLog(JSON.stringify(this.auditForm)).then(response => {
                   this.$modal.msgSuccess("审核完成");
                   this.auditFormOpen = false;
                   this.getList();
                 });
               }
             })
           }
           else {
             operateLog(JSON.stringify(this.auditForm)).then(response => {
               this.$modal.msgSuccess("审核完成");
               this.auditFormOpen = false;
               this.getList();
             });
           }
         }
       });
    },

    /**
     * @Date：2023-09-25, 周一, 20:9
     * @description:函数描述 获取表单的数据转换为订单审核需要的格式
     * @return
     * {{canUseDay: number, canUseNumberLocal: number,
     * billingTypeLocal: number, dataFreedomType: number,
     * dataEnsureRightType: number, auditResult: null,
     * canUseDayLocal: number, billingType: number, id,
     * canUseNumber: number, canUseRecords: number,
     * productPrice: number, status}}
     */
  orderData() {
      const formData= this.orderForm;
      // const formData= this.$refs['auditDataInfo'].formData;
  // 最后提交的数据
  const submitData = {
    billingType: Number(formData.customerBillingType),//购买计费类别
    billingTypeLocal: Number(formData.customerBillingTypeLocal),//使用计费类别
    canUseDay: 0,
    canUseDayLocal: 0,
    canUseNumber: 0,
    canUseNumberLocal: 0,
    canUseRecords: 0,
    sharedType: Number(formData.sharedType),
    dataEnsureRightType:0,
    dataFreedomType: Number(formData.dataFreedomType),
    productPrice:Number(formData.customerProductPrice),
    id:this.auditForm.id,
    status:this.auditForm.status,
    auditResult:this.auditForm.auditResult
  }
  switch (submitData.billingType) {
    case 0:
      submitData.canUseNumber =Number(this.buyNum);
      break;
    case 2:
      submitData.canUseRecords = Number(this.buyNum);
      break;
    case 4:
      submitData.canUseDay = Number(this.buyNum);
      break;
    default:
     this.$message('购买方式错误')
      break;
  }
  switch (submitData.billingTypeLocal) {
    case 0:
      submitData.canUseNumberLocal =Number(this.useNum);
      break;
    case 4:
      submitData.canUseDayLocal = Number(this.useNum);
      break;
    default:
      this.$message('使用方式错误')
      break;
  }
  return submitData;
},
    // 取消按钮
    cancelAudit() {
      this.auditForm = {};
      this.auditFormOpen = false;
      this.resetForm("auditForm");
      this.resetForm("orderForm");
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getLog(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改审核记录";
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除审核记录编号为"' + ids + '"的数据项？').then(function() {
        return delLog(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/log/export', {
        ...this.queryParams
      }, `log_${new Date().getTime()}.xlsx`)
    },

    /**
     * @Date：2023-09-25, 周一, 12:10
     * @description:函数描述 根据审核记录类型和id获取审核详情
     * @param type {number} 审核类型
     * @param Id {number} 审核记录关联的id（可能是数据产品或数据通道的id）
     * @return 返回值
     */
    getAuditDataInfo(type,Id){
      if(type === 0){
        getDatasourceBase(Id).then((response) => {
          this.auditDataInfo = response.data;
          // const item = this.AllEngineInfoList.find(
          //   (item1) => item1.id === data.datasourceInterface.engineId
          // );
          // this.auditDataInfo = data;
        });
      }else if(type === 1){//数据产品审核
        getDataProduct(Id).then((response) => {
          this.auditDataInfo = response.data;
        });
      }else if(type === 2){
        getTryInfo(Id).then(response => {
          this.auditDataInfo = response.data;
        });
      }else if (type===3){//订单审核
        orderProductDetail(Id).then(res=>{
          // 信息处理
          this.auditDataInfo=res.data;
           this.auditDataInfo.useType =  this.auditDataInfo.customerBillingTypeLocal;
           this.auditDataInfo.buyType =  this.auditDataInfo.customerBillingType;
           this.buyNum =
             this.auditDataInfo.customerCanUseDay ||  this.auditDataInfo.customerCanUseNumber ||  this.auditDataInfo.customerCanUseRecords
           this.useNum =
             this.auditDataInfo.customerCanUseDayLocal ||  this.auditDataInfo.customerCanUseNumberLocal
          this.orderForm=this.auditDataInfo
        })
      }else if (type===8)//治理后数据资源
      {
        DatasourceInfoById(Id).then(res=>{
          if (res.code===200){
            this.resourceDetail=res.data;
          }
        })
      }else if (type===4||type===5){//定制审核
        customDetailById(Id).then(res=>{
          this.customForm=res.data;
        })
      }else if (type===7){//服务产品审核
        getDataProduct(Id).then((response) => {
          this.auditDataInfo = response.data;
        });
      }
    }
  }
};
</script>
